<head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<link rel="stylesheet" href="${path}js/bootstrap/css/bootstrap.min.css">
	<script src="${path}js/jquery-3.1.0.min.js"></script>
	<script src="${path}js/bootstrap/js/bootstrap.min.js"></script>
 </head>
 <style type="text/css">
	td{
		white-space:nowrap;
	}
 </style>
 <div id="wid" style="width: 1000px;">
 <table width='1000px' class="table table-hover table-striped">
 <thead>
  <tr>
            <#list table.tableOneLine as tt>
                <th>${tt}</th>
            </#list>
        </tr>
	  </thead>
	  <tbody>
 <#list table.tableOtherLine as oo>
            <tr>
                <#list oo as zz>
                    <td>${zz}</td>
                </#list>
            </tr>
        </#list>
   </tbody>
 </table>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        var _width=$('#wid').width();
      $('#wid th').width(_width/3);$('#wid td').width(_width/3);})</script>  